const path = require('path')
// 引入等比适配插件
const px2rem = require('postcss-px2rem')

// 配置基本大小
const postcss = px2rem({
	// 基准大小 baseSize，需要和rem.js中相同
	remUnit: 16
})

module.exports = {
	publicPath: process.env.VUE_APP_NODE_ENV=='prod'?'./':'/', 
	outputDir: 'dist', //build输出目录
	assetsDir: 'assets', //静态资源目录（js, css, img）
	lintOnSave: false, //是否开启eslint,
	/* 默认情况下，生成的静态资源在它们的文件名中包含了 hash 以便更好的控制缓存，你可以通过将这个选项设为 false 来关闭文件名哈希。(false的时候就是让原来的文件名不改变) */
	filenameHashing: false,
	/* 是否在构建生产包时生成 sourceMap 文件，false将提高构建速度 */
	productionSourceMap: false,
	// webpack配置
	chainWebpack: (config) => {},
	css: {
		loaderOptions: {
			postcss: {
				plugins: [
					postcss
				]
			}
		}
	},
	configureWebpack: (config) => {
		// if (process.env.VUE_APP_NODE_ENV === 'dev') {
		//   // 为生产环境修改配置...
		//   config.mode = 'dev'
		// } else {
		//   // 为开发环境修改配置...
		//   config.mode = 'prod'
		// }
		// Object.assign(config, {
		//   // 开发生产共同配置
		//   resolve: {
		//     alias: {
		//       // '~@': path.resolve(__dirname, './src'),
		//       '@c': path.resolve(__dirname, './src/components'),
		//     } // 别名配置
		//   }
		// })
	},
	productionSourceMap: false, // 生产环境是否生成 sourceMap 文件
	devServer: {
		open: true, //是否自动弹出浏览器页面
		host: "localhost", //表示启动的时候使用的域名，默认可以不写，则是使用localhost和本机IP
		port: '8080', // 设置端口号
		https: false, //是否使用https协议
		hotOnly: false, //是否开启热更新
		proxy: {
			'/hdtech': {
				// target: 'http://192.168.1.132:8088', //高攀
				target: 'http://121.41.97.93:9103',
				ws: true, //代理websockets
				changeOrigin: true, // 是否跨域，虚拟的站点需要更管origin
				// pathRewrite: {
				// 	// '^/api5'是一个正则表达式，表示要匹配请求的url中，全部'http://localhost:8081/api5' 转接为 http://localhost:8081/api/
				// 	'^/api': 'http://192.168.2.30/api',
				// 	//重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
				// 	'^/api': '',
				// }
			}
		},
	}
}
